<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
        <title>Blank App</title>
    </head>
    <body>
    	<h1>摄像头demo</h1>
    	<button id="btn">拍照</button>
    	<img id="myImage" src="">
        <script type="text/javascript" src="cordova.js"></script>
        <script type="text/javascript">
            //必须要导入cordova.js
            //在Cordova框架中，当这个桥接的初始化完成后，会调用他自身特有的事件，即deviceready事件。
            // 首先要绑定deviceready事件，所有的事件注册写在这个方法里面
        	document.addEventListener("deviceready", init, false);
        	function init() {
        		alert("init");
        		document.getElementById("btn").addEventListener("touchend", function(){
        			alert("touchend");
        			var option = {
        				quality: 50,
        				destinationType : Camera.DestinationType.FILE_URI,
        				// sourceType : Camera.PictureSourceType.PHOTOLIBRARY,
        			};
                     // 如果 Camera.sourceType 设置为 Camera.PictureSourceType.CAMERA，这也是默认值）
                    // 如果Camera.sourceType = Camera.PictureSourceType.PHOTOLIBRARY或Camera.PictureSourceType.SAVEDPHOTOALBUM，系统弹出照片选择对话框，用户可以从相集中选择照片。
                       
					navigator.camera.getPicture(onSuccess, onFail, option);


                    // 返回值会按照用户通过cameraOptions参数所设定的下列格式之一发送给cameraSuccess回调函数：
                    // 一个字符串，包含Base64编码的照片图像（默认情况）
                    // 一个字符串，表示在本地存储的图像文件位置
					function onSuccess(imageData) {
					   var image = document.getElementById('myImage');
					   image.src = imageData;
					}

					function onFail(message) {
					   alert('Failed because: ' + message);
					}
        		});
        	}
        </script>
       
    </body>
</html>
